<div>
	<juci-config-line title="{{ 'Target' | translate }}">
		<juci-select ng-items="targets" ng-model="rule.target.value" />
	</juci-config-line>
	<juci-config-line title="{{ 'Precedence' | translate }}">
		<juci-select ng-items="precedence" ng-model="rule.dscp.value" placeholder="{{'All'|translate}}"/>
	</juci-config-line>
	<juci-config-line title="{{ 'Source host' | translate }}">
		<juci-select ng-items="clients" ng-model="rule.srchost.value" editable="true" placeholder="{{'All'|translate}}"></juci-select>
	</juci-config-line>
	<juci-config-line title="{{ 'Destination host' | translate }}">
		<juci-select ng-items="clients" ng-model="rule.dsthost.value" editable="true" placeholder="{{'All'|translate}}"></juci-select>
	</juci-config-line>
	<juci-config-line title="{{ 'Protocol' | translate }}">
		<juci-select ng-items="protocols" ng-model="rule.proto.value" editable="true" placeholder="{{'All'|translate}}"></juci-select>
	</juci-config-line>
	<juci-config-line title="{{ 'Port' | translate }}" help="{{ 'Filter by port, when there are no ports no filter will be applied' | translate }}">
		<tags-input ng-model="ports" display-property="value" placeholder="Add a tag"></tags-input>
	</juci-config-line>
</div>
